html,
body {
    min-width: 13.025rem;
    height: 100%;

    .guanglingyiliaojituanWrap {
        min-width: 13.025rem;
        height: 100%;
        // background:;
        background: url(../image/gongwei/bg3.jpg) center center rgba(26, 27, 31);
        background-size: 100% 100%;

        header {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 1.25rem;

            // background-color: pink;
            .dateHeadBg {
                // flex: 1;
                height: 1.25rem;
                line-height: .625rem;
                text-align: right;
                color: #fff;
                font-size: .2625rem;
                position: absolute;
                top: 0;
                left: 3.5rem;

            }

            h1 {
                flex: 1;
                height: 1.25rem;
                width: auto;
                text-align: center;
                line-height: .625rem;
                font-size: .4rem;
                color: #fff;
                // margin: 0 0 0 .25rem;

            }

            .hospitalBg {
                // flex: 1;
                position: absolute;
                right: 3.5rem;
                height: 1.25rem;
                line-height: .625rem;
                text-align: left;
                font-size: .2625rem;
                color: #0c8594;
                text-decoration: underline;
                cursor: pointer;

                img {
                    margin: 0 0 0 .125rem;
                }
            }

        }

        // 公卫主体
        section {
            width: 100%;
            height: 87%;
            display: flex;
            flex-direction: column;
            // justify-content: space-around;
            align-items: center;
            // background: pink;

            .gongweiNavBg {
                width: 100%;
                height: 12%;
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;

                // background: green;

                ul {
                    width: 99%;
                    height: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    align-items: center;

                    // & li:nth-child(1) {
                    //     flex: 2;
                    //     height: 100%;
                    //     background: url(../image/gongwei/xiaoxitongzhi.png) no-repeat;
                    //     background-size: 95% 95%;
                    //     margin: -0.1475rem 0 0 .2rem;
                    //     display: flex;
                    //     flex-direction: row;
                    //     justify-content: space-around;
                    //     align-items: center;

                    //     & p:nth-child(1) {
                    //         margin: .125rem 0 0 -0.25rem;

                    //     }

                    //     & p:nth-child(2) {
                    //         font-size: .225rem;
                    //         color: #fff;
                    //         margin: .125rem 0 0 -0.875rem;
                    //     }

                    // }

                    .publicLiSty {
                        flex: 1;
                        height: 100%;
                        background: url(../image/gongwei/kuang.png) no-repeat;
                        background-size: 90% 90%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;

                        & p:nth-child(1) {
                            margin: .08rem .125rem 0 0;
                            font-size: .2625rem;
                            color: #fff;
                        }

                        & p:nth-child(2) {
                            margin: .14rem .125rem 0 0;
                            font-size: .3125rem;
                            color: #0c8594;
                            letter-spacing: .075rem;
                            font-weight: 300;
                        }
                    }
                }
            }

            .gongweiBodyBg {
                width: 100%;
                height: 88%;

                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                // background: pink;

                .gongweiBodyBgFirst {
                    flex: 1.9;
                    height: 98%;
                    // background: pink;
                    background: url(../image/gongwei/geixangzhenqianyuetongji.png) no-repeat;
                    background-size: 100% 100%;
                    margin: 0 0 0 .2rem;

                    .qianyueTopCircleBg {
                        width: 100%;
                        height: 15%;
                        display: flex;
                        flex-direction: row;
                        justify-content: space-around;
                        align-items: center;

                        // 签名上面的两个图标
                        #zongqianyuerenshuSelectId {
                            width: 50%;
                            height: 100%;
                            // border: .0125rem solid #f00;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            align-items: center;
                            cursor: pointer;

                            & p:nth-child(1) {
                                font-size: .225rem;
                                color: #0cf0ff;
                                height: 50%;
                                line-height: 1.2rem;

                            }

                            & p:nth-child(2) {
                                height: 50%;
                                line-height: 0.8rem;
                                font-size: .22rem;
                                color: #0cf0ff;

                            }


                        }

                        #zongqianyuelvSelectId {
                            width: 50%;
                            height: 100%;
                            // border: .0125rem solid #f00;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            align-items: center;
                            cursor: pointer;

                            & p:nth-child(1) {
                                font-size: .225rem;
                                color: #fff;
                                height: 50%;
                                line-height: 1.2rem;

                            }

                            & p:nth-child(2) {
                                height: 50%;
                                line-height: 0.8rem;
                                font-size: .22rem;
                                color: #fff;

                            }


                        }
                    }

                    .villagesAndTownsSigningClas {
                        width: 95%;
                        height: 85%;
                        // background: pink;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: center;
                        margin: 0 auto;
                        // border: .0125rem solid #f00;
                        // overflow: auto;

                        .zongqianyuepaimingTitle {
                            width: 100%;
                            height: .25rem;
                            line-height: .25rem;
                            text-align: left;
                            padding: 0 0 0 .25rem;
                            font-size: .225rem;
                            color: #fff;
                        }

                    }
                }

                .gongweiBodyBgSecond {
                    flex: 7;
                    height: 100%;

                    // background: greenyellow;

                    ul {
                        width: 100%;
                        height: 100%;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;

                        & li {
                            width: 31%;
                            height: 46%;
                            // border: .0125rem solid #0c8594;
                            // background: url(../image/gongwei/);
                            margin: 0rem 0 0 .375rem;
                        }

                        // 档案覆盖率
                        & li:nth-child(1) {

                            background: url(../image/gongwei/danganfugailv.png) no-repeat;
                            background-size: 100% 100%;

                        }

                        // 老年随访
                        & li:nth-child(2) {
                            background: url(../image/gongwei/laoniansuifang.png) no-repeat;
                            background-size: 100% 100%;



                        }

                        // 高血压随访
                        & li:nth-child(3) {

                            background: url(../image/gongwei/gaoxueyasuifang.png) no-repeat;
                            background-size: 100% 100%;

                            .neibuBg {
                                width: 100%;
                                height: 86%;
                                margin: 0.35rem auto 0;
                                overflow-y: auto;


                                .itmeBg {
                                    width: 96%;
                                    height: 15%;
                                    display: flex;
                                    flex-direction: row;
                                    justify-content: flex-start;
                                    align-items: center;
                                    padding: .1rem;
                                    // border: .0125rem solid red;

                                    & :nth-child(1) {
                                        flex: 1;
                                        // height: 100%;
                                        font-size: .225rem;
                                        color: #fff;
                                        text-align: center;
                                        line-height: .4375rem;
                                    }

                                    & :nth-child(2) {
                                        flex: 3;
                                        height: .25rem;

                                        p {
                                            width: 100%;
                                            height: 60%;
                                            border-radius: 0.25rem;
                                            background-color: red;
                                        }
                                    }

                                    & :nth-child(3) {
                                        flex: 1;
                                        // height: 100%;
                                        font-size: .225rem;
                                        color: #fff;
                                        text-align: center;
                                        line-height: .4375rem;
                                    }
                                }
                            }


                        }

                        // 糖尿病随访
                        & li:nth-child(4) {

                            background: url(../image/gongwei/tangniaobingsuifang.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0.24rem 0 0 .375rem;
                        }

                        // 体检完成率
                        & li:nth-child(5) {

                            background: url(../image/gongwei/tijianwanchenglv.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0.24rem 0 0 .375rem;
                        }

                        // 重点人群
                        & li:nth-child(6) {

                            background: url(../image/gongwei/zhongdianrenqun.png) no-repeat;
                            background-size: 100% 100%;
                            margin: 0.24rem 0 0 .375rem;

                            // 选项卡
                            .zdrqxxkClass {
                                width: 100%;
                                height: .6rem;
                                // border: .0125rem solid #f00;
                                display: flex;
                                flex-direction: row;
                                justify-content: space-around;
                                align-items: center;
                                padding-top: 0.25rem;
                                cursor: pointer;

                                p {
                                    color: #fff;
                                    font-size: .225rem;
                                }

                            }

                            #jsbtbBg {
                                width: 94%;
                                height: 75%;
                                // background: pink;
                                margin: 0 auto;
                            }

                            #gxytbBg {
                                width: 94%;
                                height: 75%;
                                // background: yellow;
                                margin: 0 auto;
                                display: none;
                            }

                            #tnbtbBg {
                                width: 94%;
                                height: 75%;
                                // background: green;
                                margin: 0 auto;
                                display: none;
                            }
                        }


                    }
                }

            }
        }
    }
}